<#assign viewStyle = "DEFAULT"/>
<#if view.getViewStyle?? && view.getViewStyle()??>
  <#assign viewStyle = view.getViewStyle()/>
</#if>
<studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if> viewName="${view.getCodeName()?lower_case}" viewTitle="${view.getTitle()}" class='${view.getViewType()?lower_case} ${srffilepath2(view.getCodeName())}<#if view.getPSSysCss?? && view.getPSSysCss()??> ${view.getPSSysCss().getCssName()}</#if>'>
<@ibizindent blank=4>
    <#ibizinclude>../@MACRO/VIEW_CAPTION.vue.ftl</#ibizinclude>
</@ibizindent>
<#if view.getPSSysCounterRef?? && view.getPSSysCounterRef()?? && view.getPSSysCounterRef().getPSAppCounter()??>
<#assign appCounter = view.getPSSysCounterRef().getPSAppCounter() />
</#if>
<#if view.isEnableQuickSearch?? && view.isEnableQuickSearch() && view.getViewType()?index_of('EXPVIEW') == -1>
<#assign placeholder = ""/>
<#if ctrl.getPSAppDataEntity()?? && ctrl.getPSAppDataEntity().getAllPSAppDEFields()??>
<#list ctrl.getPSAppDataEntity().getAllPSAppDEFields() as field>
<#if field.getPSDEField()??>
<#if field.isEnableQuickSearch()><#assign placeholder += "," + field.getPSDEField().getLogicName()/></#if>
</#if>
</#list>
</#if>
    <i-input slot="quickSearch"<#if view.hasPSControl('searchform')><#if view.isExpandSearchForm??> v-show="!isExpandSearchForm"</#if></#if> v-model="query" placeholder="<#if placeholder?length gt 0>${placeholder?substring(1)}</#if>" search @on-search="onSearch($event)"/>
</#if>
<#if view.isEnableQuickGroup?? && view.isEnableQuickGroup()>
    <template slot="quickGroupSearch">
        <app-quick-group :items="quickGroupModel"<#if appCounter??> :counterService="${appCounter.getCodeName()?lower_case}counterservice"</#if> @valuechange="quickGroupValueChange($event)"></app-quick-group>
    </template>
</#if>
<#if view.getQuickPSDESearchForm?? && view.getQuickPSDESearchForm()??>
    <template slot="quickSearchForm">
        ${P.getCtrlCode(view.getQuickPSDESearchForm(), 'CONTROL.html').code}
    </template>
</#if>
<#if view.hasPSControl('datapanel')>
    <template slot="dataPanel">
        <@ibizindent blank=8>
        ${P.getCtrlCode('datapanel', 'CONTROL.html').code}
        </@ibizindent>
    </template>
</#if>
    <template slot="toolbar">
        <#if view.hasPSControl('toolbar')>
        <@ibizindent blank=8>
        ${P.getCtrlCode('toolbar', 'CONTROL.html').code}
        </@ibizindent>
        </#if>
        <div class="toolbar-container<#if viewStyle != "DEFAULT"> ${viewStyle?lower_case}</#if>">
            <i-button :title="linkItem.sequenceFlowName" v-for="(linkItem, index) in linkModel" :key="index" @click="dynamic_toolbar_click(linkItem, $event)" <#if viewStyle != "DEFAULT"> type="text" ghost</#if>>
                <i v-if="linkItem.iconcls" :class="linkItem.iconcls" /><span class='caption'>{{linkItem.sequenceFlowName}}</span>
            </i-button>
        </div>
    </template>
<#if view.hasPSControl('searchform')>
    <template slot="searchForm">
        <@ibizindent blank=8>
        ${P.getCtrlCode('searchform', 'CONTROL.html').code}
        </@ibizindent>
    </template>
</#if>
<#if view.hasPSControl('searchbar')>
    <template slot="searchBar">
        <@ibizindent blank=8>
        ${P.getCtrlCode('searchbar', 'CONTROL.html').code}
        </@ibizindent>
    </template>
</#if>
<#if view.hasPSControl('form')>
<@ibizindent blank=8>
${P.getCtrlCode('form', 'CONTROL.html').code}
</@ibizindent>
</#if>
</studio-view<#if viewStyle != "DEFAULT">-${viewStyle?lower_case}</#if>>